#memberactivity{
  .memberactivity > .vux-indicator > a >.vux-icon-dot.active,.memberactivity .vux-indicator-right > a >.vux-icon-dot.active {
    width: .8rem;
    background-color: #ffffff;
  }
  .act-content{
    h1{
      height: 10px;
      background-color: #f7f7f7;
    }
  }
  .weui-media-box__title{
    font-size:14px !important;
  }
  .weui-panel:before{
    border: none;
  }
  .weui-panel:after{
    border: none;
  }
  .copyright {
    font-size: 12px;
    color: #ccc;
    text-align: center;
  }
  .text-scroll {
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
  }
  .text-scroll p{
    font-size: 12px;
    text-align: center;
    line-height: 30px;
  }
  .black {
    background-color: #000;
  }
  .title{
    line-height: 100px;
    text-align: center;
    color: #fff;
  }
  .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  .vux-indicator.custom-bottom {
    bottom: 30px;
  }
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInUp {
    animation-name: fadeInUp;
  }
  .swiper-demo-img img {
    width: 100%;
  }
}

#memberactivity{
    .activity-list{
    padding: 12px 0;
    background-color: white;
    :last-child{
      border-bottom: none;
    }
    li{
      display: block;
      overflow: hidden;
      padding:10px 20px;
      border-bottom: 1px solid #e6e6e6;
    }
    
    .pic{
      float: left;
      overflow: hidden;
      img{
        width:60px;
        height: 60px;
      }
    }
    .right{
      overflow:hidden;
      margin-left: 60px;
      padding-left: 10px;
      font-size:14px;
      .contain{
        padding-top: 10px;
        color: #808080;
        font-size: 13px;
      }
      .title1{
        color: #5e5e5e;
        display: inline-block;
        width: 80%;
      }
      .status{
        color: @theme-color;
        float: right;
      }
    }
  }
  .myActivity{
    font-size: 14px;
    padding:15px;
    background-color:white;
    .top{
      line-height:1;
      overflow: hidden;
      :last-child{
        float: right;
        padding: 0 0 15px 20px
      }
      .checked{
        color: #999999;
        font-size:12px;
      }
    }
    .bottom{
      overflow: hidden;
      .txt{
        float: left;
        line-height:40px;
        }
      .icon{
        margin-right: 10px;
        text-align: center;
        float: left;
        width:40px;
        height: 40px;
        background: url('../../images/activ-icon.png');
        background-size: cover;
        i{
          color: @theme-color;
          line-height:40px;
        }
      }
    }
    .actTitle{
      float: left;
      padding-left: 6px;
      border-left: 2px solid @theme-color;
    }
  }
  .niju-day{
    .top{
      padding-right: 15px;
      font-size: 14px;
      padding-left: 15px;
      padding-top: 15px;
      background-color:white;
      line-height:1;
      overflow: hidden;
      :last-child{
        float: right;
      }
      .checked{
        color: #999999;
        font-size:12px;
      }
      .actTitle{
        float: left;
        padding-left: 6px;
        border-left: 2px solid @theme-color;
      }
    }
  }
  .interaction {
    .top{
      font-size: 14px;
       padding-right: 15px;
      padding-left: 15px;
      background-color:white;
      line-height:1;
      overflow: hidden;
      :last-child{
        float: right;
      }
      .checked{
        color: #999999;
        padding-top: 15px;
        padding-left: 15px;
        font-size:12px;
      }
      .actTitle{
        float: left;
        margin-top: 15px;
        padding-left: 6px;
        border-left: 2px solid @theme-color;
      }
    }
  }
  .pastAct{
    .top{
      font-size: 14px;
      line-height:1;
      overflow: hidden;
      :last-child{
        float: right;
      }
      .checked{
        padding-top: 15px;
        padding-left: 15px;
        color: #999999;
        font-size:12px;
      }
    }
   .top{
      padding-right: 15px;
      padding-left: 15px;
      
      background-color:white;
      line-height:1;
      overflow: hidden;
      .actTitle{
        margin-top: 15px;
        float: left;
        padding-left: 6px;
        border-left: 2px solid @theme-color;
      }
    }
  }
}
